<!--
 * @Author: your name
 * @Date: 2021-02-01 14:59:51
 * @LastEditTime: 2021-02-02 22:22:36
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \鲜花项目\html\公共页面.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- <link rel="icon" href="../favicon.ico" type="image/x-icon"> -->
    <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
    <title>鲜花APP</title>
    <link rel="stylesheet" href="../css/icon.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/about.css">
    <script src="../js/rem.js"></script>
    <script src="../js/jq.v1.7.js"></script>
</head>

<body>

    <!-- 页头部分 -->
    <header class="headerbar">
        <div class="headerbar-left">
            <a href="#" class="navigation">
                <i class="iconfont icon-zuojiantou"></i>
            </a>
        </div>
        <!-- 个人中心 -->
        <div class="headerbar-center">
            <p class="headerbar-content">个人中心</p>
        </div>
        <div class="headerbar-left">
            <a href="#" class="navigation">
            </a>
        </div>

    </header>
    <!-- 内容区 -->
    <section class="main" style="background-image: url('https://img02.hua.com/m/member/center/backgroundv3.png');">

        <!-- 第三方登录区 -->
        <div class="userinformation">
            <div class="userinformation-one">
                <p class="userinformation-hi">Hi,欢迎来到花礼网</p>
                <p class="userinformation-not">
                    <a href="#">登录/注册</a>
                </p>
            </div>
        </div>
        <!-- 我的订单区 第一块-->
        <div class="panel">
            <div class="panel-head">
                <div class="panel-head-title">我的订单</div>
                <div class="panel-head-right">
                    <a href="./wen-login.html">
                        全部订单
                        <i class="iconfont icon-youjiantou"></i>
                    </a>
                </div>
            </div>
            <div class="panel-body">
                <div class="order-item">
                    <a href="javascript:;" class="navigation">
                        <img class="navigation-img" src="https://img02.hua.com/m/member/center/myinfo_pendingpay.png" alt="">
                        <p class="order-item-txt">待付款</p>
                    </a>
                </div>
                <div class="order-item">
                    <a href="javascript:;" class="navigation">
                        <img class="navigation-img" src="https://img02.hua.com/m/member/center/myinfo_distribution.png" alt="">
                        <p class="order-item-txt">今日配送</p>
                    </a>
                </div>
                <div class="order-item">
                    <a href="javascript:;" class="navigation">
                        <img class="navigation-img" src="https://img02.hua.com/m/member/center/myinfo_evaluation.png" alt="">
                        <p class="order-item-txt">待评价</p>
                    </a>
                </div>
            </div>
        </div>
        <!-- 我的订单区 第二块-->
        <div class="panel">
            <div class="linkbox">
                <div class="panel-body">
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-youhuiquan "></p>
                            <p class="linkbox-item-txt">待付款</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-VIP "></p>
                            <p class="linkbox-item-txt">权益卡</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-yue "></p>
                            <p class="linkbox-item-txt">余额</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-diamonds"></p>
                            <p class="linkbox-item-txt">会员中心</p>
                        </a>
                    </div>

                </div>
            </div>
            <div class="linkbox">
                <div class="panel-body">
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-location"></p>
                            <p class="linkbox-item-txt">收货地址</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-naozhong "></p>
                            <p class="linkbox-item-txt">生日纪念提醒</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-wujiaoxing-"></p>
                            <p class="linkbox-item-txt">我的收藏</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-clock"></p>
                            <p class="linkbox-item-txt">浏览记录</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 我的订单区 第三块-->
        <div class="panel">
            <div class="linkbox">
                <div class="panel-body">
                    <!-- <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-erji "></p>
                            <p class="linkbox-item-txt">联系客服</p>
                        </a>
                    </div> -->
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-help"></p>
                            <p class="linkbox-item-txt">帮助中心</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-about"></p>
                            <p class="linkbox-item-txt">关于花礼</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-shezhi"></p>
                            <p class="linkbox-item-txt">设置</p>
                        </a>
                    </div>

                </div>
            </div>

        </div>

    </section>

    <!-- 公共样式 底部tabBar 开始 -->
    <div class="tabbar">
        <div class="tabbar-item">
            <i class="iconfont icon-danseshixintubiao-"></i>
            <p>首页</p>
        </div>
        <div class="tabbar-item">
            <i class="iconfont icon-sousuofenleigengduo"></i>
            <p>分类</p>
        </div>
        <div class="tabbar-item">
            <i class="iconfont icon-B"></i>
            <p>购物车</p>
        </div>
        <div class="tabbar-item active">
            <i class="iconfont icon-wode"></i>
            <p>我的</p>
        </div>
    </div>
    <!-- 公共样式 底部tabBar 结束 -->
</body>

</html>